<template>
	<view>
		<view class="scarCode-core">
			<view class="scarCode-core-left" >
				<view class="scarCode-left-list"
				v-for="(item,index) in list" 
				:key="index"
				@click="chooseItem(index)"
				:class="wordIndex== index?'scarCode-left-clicklist':'scarCode-left-list'">
					<view class="scarCode-left-word" >{{item.name}}</view>
				</view>
			</view>
			
			<view class="scarCode-core-right">
				<view class="scarCode-right-list">
					<view class="scarCode-right-head">
						<image src="../../static/imges/icon_add_goods_picute@2x.png" class="scarCode-right-logo"></image>
						<view class="scarCode-right-word">114-1-12</view>
					</view>
					<view class="scarCode-right-title">扫码上架药品</view>
					<image src="../../static/imges/icon_scar_drug@2x.png" class="scarCode-core-logo"></image>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wordIndex: 0,
				list: [
					{ name: '层114' },
					{ name: '层114' },
					{ name: '层114' },
					{ name: '层114' }
				],
			}
		},
		onLoad() {
			
		},
		methods: {
			chooseItem(index) {
				this.wordIndex = index
			},
		}
	}
</script>

<style lang="less">
	@import './scarCode.less';
</style>
